﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<VietThuongLMS.ViewModels.HocVien_LopViewModel>" %>
<%@ Import Namespace="VietThuongLMS.Utils" %>
<br />

<table class="table table-striped table-advance table-hover">
    <tr><th>Lớp học</th><th>Đóng học phí</th><th>Tình trạng</th><th>Hoạt động</th></tr>
    <% Converter cter = new Converter();
        for (int i = 0; i < Model.ListMoRong.Count; i++){%>
    <!--Xuất các modal chi tiết nếu cần thiết-->

        <tr >
            <td><%:Model.ListMoRong.ElementAt(i).TenLopHoc %></td>

            <td><% if (Model.ListMoRong.ElementAt(i).HV_L.DongHocPhi == 1)
                   {%>
                <span id = "hocphinoti<%:i %>", class="label label-success"><%:cter.GetStringMonney(Model.ListMoRong.ElementAt(i).HV_L.TienDaDong)%></span>
            <%}
            else
            { %>
                <span id = "hocphinoti<%:i %>", class="label label-important"><%:cter.GetStringMonney(Model.ListMoRong.ElementAt(i).PhaiDong)%></span> <%} %></td>

            <td><% if (Model.ListMoRong.ElementAt(i).HV_L.DongHocPhi == 1)
                   { %> <span id="ttspan<%:i %>" class="label label-success label-mini"><i id="tti<%:i %>" class="icon-ok"></i></span>  <%}
                   else
                   { %><span id="ttspan<%:i %>" class="label label-important label-mini"><i id="tti<%:i %>" class="icon-minus"></i></span><% } %></td>
            <td>
<%--                    <%if (Model.ListMoRong.ElementAt(i).HV_L.DongHocPhi == 1)
                      { %>
                        <button id="btndh<%:i %>" class="btn btn-danger" onclick="javascript:CapNhatDongHocPhi('<%:Model.ListMoRong.ElementAt(i).HV_L.ID %>',false,'',<%:i %>);">Huỷ đóng học phí</button>
                    <%}
                      else
                      { %> 
                        <button id="btndh<%:i %>" class="btn btn-success" onclick="javascript:CapNhatDongHocPhi('<%:Model.ListMoRong.ElementAt(i).HV_L.ID %>',true,'<%:Model.ListMoRong.ElementAt(i).PhaiDong %>',<%:i %>);">Thu học phí</button>
                      <%} %>--%>
                      
    <%= Html.ActionLink("Thu học phí", "Create", "Accountancy", new { area = "Admin", id = Model.ListMoRong.ElementAt(i).HV_L.ID }, new { @class = "btn btn-danger" })%>
                      </td>

        </tr>
    <% }%>
</table>

<p>
    <%if ((string)ViewData["pageLinks"] != "")
        { %>
    <%= ViewData["pageLinks"]%>
    <%}
        else
        { %>
        Emptylist
    <%} %>   
</p>
<script type="text/javascript">
    function CapNhatDongHocPhi(idhv_l,option,tien,i) {
        $.ajax(
            {
                type: "POST",
                url: "<%=ResolveUrl("~/")%>Admin/Accountancy/UpdatePayTuitionFee",
                data: { id:idhv_l, op:option, tienphaidong:tien },
                success: function (result) {
                     //$("#notification"+i.toString()).html(result.toString());
                         if (option==true){
                            document.getElementById("ttspan"+i.toString()).setAttribute("class","label label-success label-mini");
                            document.getElementById("tti"+i.toString()).setAttribute("class","icon-ok");
                            document.getElementById("hocphinoti"+i.toString()).setAttribute("class","label label-success");
                            document.getElementById("btndh"+i.toString()).setAttribute("class","btn btn-danger");
                            document.getElementById("btndh"+i.toString()).innerHTML = "Hủy đóng học phí";      
                            document.getElementById("btndh"+i.toString()).setAttribute("onclick","javascript:CapNhatDongHocPhi("+idhv_l+","+!option+",'',"+i+")");                
                         }
                         else{
                            document.getElementById("ttspan"+i.toString()).setAttribute("class","label label-important label-mini");
                            document.getElementById("tti"+i.toString()).setAttribute("class","icon-minus");
                            document.getElementById("hocphinoti"+i.toString()).setAttribute("class","label label-important");
                            document.getElementById("btndh"+i.toString()).setAttribute("class","btn btn-success");
                            document.getElementById("btndh"+i.toString()).innerHTML = "Thu học phí"; 
                            document.getElementById("btndh"+i.toString()).setAttribute("onclick","javascript:CapNhatDongHocPhi("+idhv_l+","+!option+",'"+tien+"',"+i+")");     
                         }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    $("#notification").html("Lỗi thực thi");
                }
            });
    }

</script>







<%--         <!--Thông tin chi tiết-->    
            <div class="modal hide fade" id="chitiet<%:i %>">
                <div class="modal-header">
                    <button class="btn btn-danger close" aria-hidden="true" data-dismiss="modal" type="button">X</button>
                    <h5>Chi tiết</h5>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="control-group">
                            <label class="control-label">Tên lớp</label>
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).TenLopHoc %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Loại lớp học</label>
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).TenLoaiLopHoc %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Môn học</label>
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).MonHoc %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Ngôn ngữ</label>
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).HV_L.NgonNgu %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Thời gian học</label>
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).HV_L.ThoiGianHoc %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Ngày đăng kí</label>                               
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).HV_L.NgayDangKy %>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Giảm giá</label>                               
                            <div class="controls">
                                <%:Model.ListMoRong.ElementAt(i).GiamGia %>%
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Phải đóng</label>                                
                            <div class="controls">
                                <span class="label label-important"><%:Model.ListMoRong.ElementAt(i).PhaiDong %></span>
                            </div>
                        </div>
                    <//div>
                </div>
                <div class="modal-footer">
                    <button class="btn" aria-hidden="true" data-dismiss="modal"> X </button>
                    <%if (Model.ListMoRong.ElementAt(i).HV_L.DongHocPhi == 1)
                      { %>
                        <button id="btndh<%:i %>" class="btn btn-danger" onclick="javascript:CapNhatDongHocPhi('<%:Model.ListMoRong.ElementAt(i).HV_L.ID %>',false,<%:i %>);">Huỷ đóng học phí</button>
                    <%}
                      else
                      { %> 
                        <button id="btndh<%:i %>" class="btn btn-success" onclick="javascript:CapNhatDongHocPhi('<%:Model.ListMoRong.ElementAt(i).HV_L.ID %>',true,<%:i %>);">Thu học phí</button>
                      <%} %>
                      <!--Thông báo-->
                      <div class="alert alert-block alert-success fade in">
                          <h4 class="alert-heading"> Thông báo </h4>
                          <p id="notification<%:i %>"></p>
                      </div>
                      <!--Thông báo-->
                </div>
            </div>

            thẻ a gọi modal chi tiết
            <a  class="btn btn-primary" data-toggle="modal" role="button" href="#chitiet<%:i %>"><i class="icon-zoom-in"></i></a>
        <!---->--%>